<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0">
    <title>1-3 美居美图-终端页（幻灯片）</title>
    <link rel="stylesheet" href="../vendors/bootstrap/css/bootstrap.min.css" />
    <link rel="stylesheet" href="../vendors/fontawesome/css/font-awesome.min.css" />
    <link rel="stylesheet" href="../css/style.css">
</head>
<body>

    <!-- 主导航 全屏 开始 -->
    <div class="ic-header-fullscreen">
        <div class="main-nav">
            <div class="container-fluid">
                <div class="row">
                    <div class="col-xs-12 visible-xs visible-sm search-bar search-bar-mobile">
                        <form action="#">
                            <div class="input-group search-bar-body">
                                
                                <input type="text" class="form-control search-query" placeholder="海量精美效果图任你选">
                                <span class="input-group-btn">
                                    <button class="btn btn-default btn-search" type="submit">
                                        <i class="fa fa-search"></i>
                                    </button>
                                </span>
                            </div>
                        </form>
                        <button class="btn btn-link btn-close">
                            <i class="fa fa-close"></i>
                        </button>
                    </div>

                    <div class="col-xs-2 hidden-md hidden-lg">
                        <button class="btn btn-link">
                            <i class="fa fa-user"></i>
                        </button>
                    </div>
                    <div class="main-logo col-xs-8 col-md-2">
                        <a href="ic-index.html">
                            <img src="../images/public/icolor-logo.png" alt="icolor-logo">
                        </a>
                    </div>
                    <div class="col-xs-2 hidden-md hidden-lg">
                        <button class="btn btn-link js-toggle-search-mobile">
                            <i class="fa fa-search"></i>
                        </button>
                    </div>

                    <div class="col-xs-12 col-md-3">
                        <ul class="list-unstyled row main-nav-ul">
                            <li class="col-xs-4">
                                <a class="active" href="meitu-index.html">
                                    <h2>美居美图</h2>
                                </a>
                            </li>
                            <li class="col-xs-4"><a href="jiapin-product-index.html">
                                <h2>美居家品</h2>
                            </a></li>
                            <li class="col-xs-4"><a href="sheji-index.html">
                                <h2>美居设计</h2>
                            </a></li>
                        </ul>
                    </div>

                    <div class="col-md-4 col-lg-3 col-md-push-3 col-lg-push-4 visible-md visible-lg search-bar">
                        <form action="#">
                            <div class="input-group search-bar-body">
                                
                                <input type="text" class="form-control search-query" placeholder="海量精美效果图任你选">
                                <span class="input-group-btn">
                                    <button class="btn btn-default btn-search" type="submit">
                                        <i class="fa fa-search"></i>
                                    </button>
                                </span>
                            </div>
                        </form>
                    </div>
                    
                </div>
            </div>
        </div>
    </div>
    <!-- 主导航 全屏 结束 -->

    <!-- 主体部分 开始 -->
    <div class="ic-main ic-meitu-carousel-page container-fluid">
        <div class="meitu-fold-view open">
            <div class="row">

                <!-- 内容部分 开始 -->
                <div class="col-xs-12 meitu-fold-content ic-meitu-carousel-content" data-open-class="col-md-9" data-close-class="ic-meitu-scene-wide">

                    <!-- 场景 开始 -->
                    <div class="meitu-scene-view scene-large">
                        <div class="meitu-scene-img-container">
                            <img class="img-responsive" src="../images/contents/scene_1.png">
                            <div class="meitu-scene-spots">
                                <a class="ms-spot" href="#" data-spot="product-1" data-x="30.1" data-y="63.3"></a>
                                <a class="ms-spot" href="#" data-spot="product-2" data-x="74" data-y="18.29"></a>
                            </div>
                        </div>
                        <div class="meitu-scene-spot-info">
                            <div class="meitu-ss-info-item hidden-xs" data-pid="product-1">
                                <a class="product-item" href="jiapin-product-detail.html">
                                    <div class="row">
                                        <div class="col-xs-5">
                                            <div class="product-item-img">
                                                <img src="../images/contents/product_sm_1.jpg">
                                            </div>
                                            
                                        </div>
                                        <div class="col-xs-7">
                                            <p>吱音 一起咖啡桌简约日式餐厅黑胡桃木色白橡木极美家具方桌餐台...</p>
                                            <p class="product-item-price">￥1899.00</p>
                                        </div>
                                    </div>
                                </a>
                                <div class="meitu-ss-info-recommends">
                                    <h6>
                                        <span>相似家品</span>
                                    </h6>
                                    <div class="row">
                                        <div class="col-xs-4">
                                            <a class="product-item" href="jiapin-product-detail.html">
                                                <div class="product-item-img">
                                                    <img src="../images/contents/product_sm_2.jpg">
                                                </div>
                                            </a>
                                        </div>
                                        <div class="col-xs-4">
                                            <a class="product-item" href="jiapin-product-detail.html">
                                                <div class="product-item-img">
                                                    <img src="../images/contents/product_sm_2.jpg">
                                                </div>
                                            </a>
                                        </div>
                                        <div class="col-xs-4">
                                            <a class="product-item" href="jiapin-product-detail.html">
                                                <div class="product-item-img">
                                                    <img src="../images/contents/product_sm_2.jpg">
                                                </div>
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="meitu-ss-info-item hidden-xs" data-pid="product-2">
                                <a class="product-item" href="jiapin-product-detail.html">
                                    <div class="row">
                                        <div class="col-xs-5">
                                            <div class="product-item-img">
                                                <img src="../images/contents/product_sm_2.jpg">
                                            </div>
                                            
                                        </div>
                                        <div class="col-xs-7">
                                            <p>吱音 一起咖啡桌简约日式餐厅黑胡桃木色白橡木极美家具方桌餐台...</p>
                                            <p class="product-item-price">￥1899.00</p>
                                        </div>
                                    </div>
                                </a>
                                <div class="meitu-ss-info-recommends">
                                    <h6>
                                        <span>相似家品</span>
                                    </h6>
                                    <div class="row">
                                        <div class="col-xs-4">
                                            <a class="product-item" href="jiapin-product-detail.html">
                                                <div class="product-item-img">
                                                    <img src="../images/contents/product_sm_1.jpg">
                                                </div>
                                            </a>
                                        </div>
                                        <div class="col-xs-4">
                                            <a class="product-item" href="jiapin-product-detail.html">
                                                <div class="product-item-img">
                                                    <img src="../images/contents/product_sm_1.jpg">
                                                </div>
                                            </a>
                                        </div>
                                        <div class="col-xs-4">
                                            <a class="product-item" href="jiapin-product-detail.html">
                                                <div class="product-item-img">
                                                    <img src="../images/contents/product_sm_1.jpg">
                                                </div>
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="meitu-scene-lgb  meitu-scene-lgb02 hidden-xs ">
                            <a href="javascript:;"><img src="../images/public/meitu-lgb.png" alt=""></a>
                        </div>
                    </div>
                    <!-- 场景 结束 -->

                    <div class="ic-meitu-carousel-acitvity">
                        <a href="#comment" type="button"  class="btn btn-default btn-sm meitu-contentBtn-comment">
                            <i class="fa fa-comments-o"></i> 评论
                        </a>
                        <button type="button" class="btn btn-default btn-sm btn-add-to-favorite hidden-xs hidden">
                            <i class="fa fa-star-o"></i> 收藏
                        </button>
                        <button type="button" class="btn btn-default btn-sm btn-share">
                            <i class="fa fa-share-alt"></i> 分享
                        </button>
                        <button type="button" class="btn btn-default btn-sm btn-toggle-list hidden-xs">
                            <i class="fa fa-th-large"></i>
                        </button>
                        <div class="btn-group pull-right meitu-change-view-group hidden-xs" role="group" aria-label="...">
                            <button type="button" class="btn btn-default btn-sm btn-view-aside meitu-contentBtn-unfold active" href="javascript:;">
                                <a href="javascript:;"><i class="meitu-icon-scene-aside"></i></a>
                            </button>
                            <button type="button" class="btn btn-default btn-sm btn-view-fullscreen meitu-contentBtn-unfold">
                                <a href="javascript:;"><i class="meitu-icon-scene-fullscreen"></i></a>
                            </button>
                        </div>
                    </div>

                    <a class="btn btn-link btn-meitu-carousel-prev" href="#">
                        <i class="fa fa-angle-left"></i>
                        <span class="hidden-xs">上一套作品</span>
                    </a>
                    <a class="btn btn-link btn-meitu-carousel-next" href="#">
                        <span class="hidden-xs">下一套作品</span>
                        <i class="fa fa-angle-right"></i>
                    </a>

                    <div class="ic-meitu-carousel-list carousel-list hidden-xs">
                        <button type="button" class="btn btn-link pager-prev disabled">
                            <i class="fa fa-chevron-left"></i>
                        </button>
                        <div class="ic-meitu-carousel-list-content carousel-list-inner">
                            <div class="carousel-list-item">
                                <p>查看本套作品<br>(10张)</p>
                            </div>
                            <div class="carousel-list-item">
                                <a class="js-img-container active" href="#">
                                    <img class="js-img-wrap" src="../images/contents/scene_1.png">
                                </a>
                            </div>
                            <div class="carousel-list-item">
                                <a class="js-img-container" href="#">
                                    <img class="js-img-wrap" src="../images/contents/huanjing1.jpg">
                                </a>
                            </div>
                            <div class="carousel-list-item">
                                <a class="js-img-container" href="#">
                                    <img class="js-img-wrap" src="../images/contents/huanjing2.jpg">
                                </a>
                            </div>
                            <div class="carousel-list-item">
                                <a class="js-img-container" href="#">
                                    <img class="js-img-wrap" src="../images/contents/huanjing3.jpg">
                                </a>
                            </div>
                            <div class="carousel-list-item">
                                <a class="js-img-container" href="#">
                                    <img class="js-img-wrap" src="../images/contents/huanjing4.jpg">
                                </a>
                            </div>
                            <div class="carousel-list-item">
                                <a class="js-img-container" href="#">
                                    <img class="js-img-wrap" src="../images/contents/huanjing5.jpg">
                                </a>
                            </div>
                            <div class="carousel-list-item">
                                <a class="js-img-container" href="#">
                                    <img class="js-img-wrap" src="../images/contents/huanjing6.jpg">
                                </a>
                            </div>
                            <div class="carousel-list-item">
                                <a class="js-img-container" href="#">
                                    <img class="js-img-wrap" src="../images/contents/huanjing7.jpg">
                                </a>
                            </div>
                            <div class="carousel-list-item">
                                <a class="js-img-container" href="#">
                                    <img class="js-img-wrap" src="../images/contents/huanjing8.jpg">
                                </a>
                            </div>
                            <div class="carousel-list-item">
                                <a class="js-img-container" href="#">
                                    <img class="js-img-wrap" src="../images/contents/huanjing1.jpg">
                                </a>
                            </div>
                            <div class="carousel-list-item">
                                <a class="js-img-container" href="#">
                                    <img class="js-img-wrap" src="../images/contents/huanjing2.jpg">
                                </a>
                            </div>
                            <div class="carousel-list-item">
                                <a class="js-img-container" href="#">
                                    <img class="js-img-wrap" src="../images/contents/huanjing3.jpg">
                                </a>
                            </div>
                            <div class="carousel-list-item">
                                <a class="js-img-container" href="#">
                                    <img class="js-img-wrap" src="../images/contents/huanjing4.jpg">
                                </a>
                            </div>

                            <div class="carousel-list-item">
                                <a class="js-img-container" href="#">
                                    <img class="js-img-wrap" src="../images/contents/huanjing5.jpg">
                                </a>
                            </div>
                            <div class="carousel-list-item">
                                <a class="js-img-container" href="#">
                                    <img class="js-img-wrap" src="../images/contents/huanjing6.jpg">
                                </a>
                            </div>
                            <div class="carousel-list-item">
                                <a class="js-img-container" href="#">
                                    <img class="js-img-wrap" src="../images/contents/huanjing7.jpg">
                                </a>
                            </div>
                            <div class="carousel-list-item">
                                <a class="js-img-container" href="#">
                                    <img class="js-img-wrap" src="../images/contents/huanjing8.jpg">
                                </a>
                            </div>
                            <div class="carousel-list-item">
                                <p>没有了</p>
                            </div>
                        </div>
                        <button type="button" class="btn btn-link pager-next">
                            <i class="fa fa-chevron-right"></i>
                        </button>
                    </div>

                </div>
                <!-- 内容部分 结束 -->

                <!-- 折叠列表 开始 -->
                <div class="meitu-fold-list ic-meitu-carousel-aside ic-fold-hidden" data-open-class="col-xs-12 col-md-3" data-close-class="ic-fold-hidden">
                    <button class="meitu-fold-toggle hidden-xs hidden-sm">
                        <i class="fa fa-caret-right ic-toggle-close"></i>
                        <i class="fa fa-caret-left ic-toggle-open"></i>
                    </button>
                    <div class="ic-meitu-carousel-aside-scroll">
                        <div class="scrollbar-inner">
                            <div class="author-group">
                                <div class="author-avatar">
                                    <img class="img-responsive" src="../images/contents/avatar.jpg">
                                </div>
                                <p class="author-title">本案设计师</p>
                                <h5 class="author-name">
                                    梁景华 | <span class="author-descp">梦想改造家设计师</span>
                                </h5>
                            </div>
                            <hr class="split-line">
                            <h3 class="ic-meitu-da-title">美式风格卧室装修设计</h3>
                            <div class="multimedia-clist-item-tags">
                                <i class="fa fa-tag"></i>
                                <a href="#">设计师</a>
                                <a href="#">设计师作品</a>
                                <a href="#">梦想改造家</a>
                            </div>
                            <hr class="split-line">
                            <div class="paint-group">
                                <ul class="list-inline">
                                    <li>
                                        <a class="open" href="#">
                                            <div class="paint-color" style="background: #e5e5e6;"></div>
                                            <p>室内墙面漆</p>
                                            <p>立邦(OW031-4)韵白</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="">
                                            <div class="paint-color" style="background: #7f5e4b;"></div>
                                            <p>室内墙面漆</p>
                                            <p>立邦(OW031-4)棕色</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="">
                                            <div class="paint-color" style="background: #463c36;"></div>
                                            <p>室内墙面漆</p>
                                            <p>立邦(OW031-4)深棕色</p>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                            <div class="ic-popular-products-section visible-xs-block">
                                <h4 class="">本套产品推荐</h4>
                                <hr class="split-line">

                                <!-- 边栏产品列表 开始 -->
                                <ul class="ic-sidebar-product-list list-unstyled row">

                                    <!-- 边栏产品列表 产品模板 开始 -->
                                    <li class="col-xs-6 col-sm-3 col-md-6">
                                        <a class="product-item" href="jiapin-product-detail.html">
                                            <div class="product-item-img">
                                                <img class="js-img-wrap-parent" src="../images/contents/product_sm_1.jpg"></div>
                                            <p>吱音 一起咖啡桌简约日式餐厅黑胡桃木色...</p>
                                            <p class="product-item-price">￥1899.00</p>
                                        </a>
                                    </li>
                                    <!-- 边栏产品列表 产品模板 结束 -->

                                    <li class="col-xs-6 col-sm-3 col-md-6">
                                        <a class="product-item" href="jiapin-product-detail.html">
                                            <div class="product-item-img">
                                                <img class="js-img-wrap-parent" src="../images/contents/product_sm_2.jpg"></div>
                                            <p>吱音 一起咖啡桌简约日式餐厅黑胡桃木色...</p>
                                            <p class="product-item-price">￥1899.00</p>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                            <div class="ic-popular-products-section">
                                <h4 class="">相关产品推荐</h4>
                                <hr class="split-line">

                                <!-- 边栏产品列表 开始 -->
                                <ul class="ic-sidebar-product-list list-unstyled row">

                                    <!-- 边栏产品列表 产品模板 开始 -->
                                    <li class="col-xs-6 col-sm-3 col-md-6">
                                        <a class="product-item" href="jiapin-product-detail.html">
                                            <div class="product-item-img">
                                                <img class="js-img-wrap-parent" src="../images/contents/product_sm_1.jpg"></div>
                                            <p>吱音 一起咖啡桌简约日式餐厅黑胡桃木色...</p>
                                            <p class="product-item-price">￥1899.00</p>
                                        </a>
                                    </li>
                                    <!-- 边栏产品列表 产品模板 结束 -->

                                    <li class="col-xs-6 col-sm-3 col-md-6">
                                        <a class="product-item" href="jiapin-product-detail.html">
                                            <div class="product-item-img">
                                                <img class="js-img-wrap-parent" src="../images/contents/product_sm_2.jpg"></div>
                                            <p>吱音 一起咖啡桌简约日式餐厅黑胡桃木色...</p>
                                            <p class="product-item-price">￥1899.00</p>
                                        </a>
                                    </li>

                                    <!-- 边栏产品列表 分隔 -->
                                    <li class="col-xs-12 hidden-sm">
                                        <hr class="split-line-dotted"></li>

                                    <li class="col-xs-6 col-sm-3 col-md-6">
                                        <a class="product-item" href="jiapin-product-detail.html">
                                            <div class="product-item-img">
                                                <img class="js-img-wrap-parent" src="../images/contents/product_sm_1.jpg"></div>
                                            <p>吱音 一起咖啡桌简约日式餐厅黑胡桃木色...</p>
                                            <p class="product-item-price">￥1899.00</p>
                                        </a>
                                    </li>

                                    <li class="col-xs-6 col-sm-3 col-md-6">
                                        <a class="product-item" href="jiapin-product-detail.html">
                                            <div class="product-item-img">
                                                <img class="js-img-wrap-parent" src="../images/contents/product_sm_2.jpg"></div>
                                            <p>吱音 一起咖啡桌简约日式餐厅黑胡桃木色...</p>
                                            <p class="product-item-price">￥1899.00</p>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                            <div class="ic-popular-products-section">
                                <h4 class="">热门单品推荐</h4>

                                <!-- 边栏产品列表 开始 -->
                                <ul class="ic-sidebar-product-list list-unstyled row">

                                    <!-- 边栏产品列表 产品模板 开始 -->
                                    <li class="col-xs-6 col-sm-3 col-md-6">
                                        <a class="product-item" href="jiapin-product-detail.html">
                                            <div class="product-item-img">
                                                <img class="js-img-wrap-parent" src="../images/contents/product_sm_1.jpg"></div>
                                            <p>吱音 一起咖啡桌简约日式餐厅黑胡桃木色...</p>
                                            <p class="product-item-price">￥1899.00</p>
                                        </a>
                                    </li>
                                    <!-- 边栏产品列表 产品模板 结束 -->

                                    <li class="col-xs-6 col-sm-3 col-md-6">
                                        <a class="product-item" href="jiapin-product-detail.html">
                                            <div class="product-item-img">
                                                <img class="js-img-wrap-parent" src="../images/contents/product_sm_2.jpg"></div>
                                            <p>吱音 一起咖啡桌简约日式餐厅黑胡桃木色...</p>
                                            <p class="product-item-price">￥1899.00</p>
                                        </a>
                                    </li>

                                    <li class="col-xs-6 col-sm-3 col-md-6">
                                        <a class="product-item" href="jiapin-product-detail.html">
                                            <div class="product-item-img">
                                                <img class="js-img-wrap-parent" src="../images/contents/product_sm_1.jpg"></div>
                                            <p>吱音 一起咖啡桌简约日式餐厅黑胡桃木色...</p>
                                            <p class="product-item-price">￥1899.00</p>
                                        </a>
                                    </li>

                                    <li class="col-xs-6 col-sm-3 col-md-6">
                                        <a class="product-item" href="jiapin-product-detail.html">
                                            <div class="product-item-img">
                                                <img class="js-img-wrap-parent" src="../images/contents/product_sm_2.jpg"></div>
                                            <p>吱音 一起咖啡桌简约日式餐厅黑胡桃木色...</p>
                                            <p class="product-item-price">￥1899.00</p>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                            <div class="ic-popular-products-section">
                                <h4 class="">猜你喜欢</h4>

                                <!-- 边栏产品列表 开始 -->
                                <ul class="ic-sidebar-product-list list-unstyled row">

                                    <!-- 边栏产品列表 产品模板 开始 -->
                                    <li class="col-xs-6 col-sm-3 col-md-6">
                                        <a class="product-item" href="jiapin-product-detail.html">
                                            <div class="product-item-img">
                                                <img class="js-img-wrap-parent" src="../images/contents/product_sm_1.jpg"></div>
                                            <p>吱音 一起咖啡桌简约日式餐厅黑胡桃木色...</p>
                                            <p class="product-item-price">￥1899.00</p>
                                        </a>
                                    </li>
                                    <!-- 边栏产品列表 产品模板 结束 -->

                                    <li class="col-xs-6 col-sm-3 col-md-6">
                                        <a class="product-item" href="jiapin-product-detail.html">
                                            <div class="product-item-img">
                                                <img class="js-img-wrap-parent" src="../images/contents/product_sm_2.jpg"></div>
                                            <p>吱音 一起咖啡桌简约日式餐厅黑胡桃木色...</p>
                                            <p class="product-item-price">￥1899.00</p>
                                        </a>
                                    </li>

                                    <li class="col-xs-6 col-sm-3 col-md-6">
                                        <a class="product-item" href="jiapin-product-detail.html">
                                            <div class="product-item-img">
                                                <img class="js-img-wrap-parent" src="../images/contents/product_sm_1.jpg"></div>
                                            <p>吱音 一起咖啡桌简约日式餐厅黑胡桃木色...</p>
                                            <p class="product-item-price">￥1899.00</p>
                                        </a>
                                    </li>

                                    <li class="col-xs-6 col-sm-3 col-md-6">
                                        <a class="product-item" href="jiapin-product-detail.html">
                                            <div class="product-item-img">
                                                <img class="js-img-wrap-parent" src="../images/contents/product_sm_2.jpg"></div>
                                            <p>吱音 一起咖啡桌简约日式餐厅黑胡桃木色...</p>
                                            <p class="product-item-price">￥1899.00</p>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                            <!--评论开始-->
                            <div class="comment-group no-avatar">
                            <div>
                                <a id='comment' href="#">登陆后评论</a>
                            </div>
                                <div class="comment-poster clearfix">
                                    <form action="">
                                        <!-- <div class="comment-avatar">
                                            <img class="img-responsive" src="../images/contents/avatar.jpg">
                                        </div> -->
                                        <div class="comment-poster-inner form-group">
                                            <textarea class="form-control ta-comment-input" placeholder="我来说两句……（100字以内）" rows="1"></textarea>
                                        </div>
                                        <div class="action-group">
                                            <button class="btn btn-sm btn-cancel" type="button">
                                                <h5>取消</h5>
                                            </button>
                                            <button class="btn btn-sm btn-submit" type="button">
                                                <h5>确认</h5>
                                            </button>
                                        </div>
                                    </form>
                                </div>
                                <div class="comment-list">
                                    <h4>评论(12)</h4>
                                    <ul class="list-unstyled">
                                        <li class="comment-item">
                                            <div class="comment-header">
                                                <a href="#">
                                                    <!-- <div class="comment-avatar">
                                                        <img class="img-responsive" src="../images/contents/avatar.jpg">
                                                    </div> -->
                                                    <h5 class="comment-author">卢帅Kevin</h5>
                                                </a>
                                                <p class="comment-time">2014-11-13</p>
                                                <button class="btn btn-link pull-right btn-reply">回复</button>
                                            </div>
                                            <p class="comment-content">
                                                我以为是渲染的。。。哎呀~~ 原来是实拍
                                            </p>
                                            <div class="comment-reply">
                                                <div class="comment-reply-header">
                                                    <a href="#">甲虫826</a> 说：
                                                </div>
                                                <p>喜欢啊！这是在哪里？</p>
                                            </div>
                                            <div class="comment-reply-poster">
                                                <form action="#">
                                                    <div class="form-group">
                                                        <label class="lb-reply">回复 <span class="reply-name"></span>：</label>
                                                        <textarea class="form-control ta-comment-input" rows="3"></textarea>
                                                    </div>
                                                    <div class="action-group">
                                                        <button class="btn btn-sm btn-cancel" type="button">
                                                            <h5>取消</h5>
                                                        </button>
                                                        <button class="btn btn-sm btn-submit" type="button">
                                                            <h5>确认</h5>
                                                        </button>
                                                    </div>
                                                </form>
                                            </div>
                                            <!-- <hr class="split-line-dotted"> -->
                                        </li>
                                        <li class="comment-item">
                                            <div class="comment-header">
                                                <a href="#">
                                                    <!-- <div class="comment-avatar">
                                                        <img class="img-responsive" src="../images/contents/avatar.jpg">
                                                    </div> -->
                                                    <h5 class="comment-author">后青春期的诗</h5>
                                                </a>
                                                <p class="comment-time">2014-11-12</p>
                                                <button class="btn btn-link pull-right btn-reply">回复</button>
                                            </div>
                                            <p class="comment-content">
                                                我也喜欢手工，我也梦想着有一天我有一套房子让我静心的装扮它~
                                            </p>
                                            <div class="comment-reply-poster">
                                                <form action="#">
                                                    <div class="form-group">
                                                        <label class="lb-reply">回复 <span class="reply-name"></span>：</label>
                                                        <textarea class="form-control ta-comment-input" rows="3"></textarea>
                                                    </div>
                                                    <div class="action-group">
                                                        <button class="btn btn-sm btn-cancel" type="button">
                                                            <h5>取消</h5>
                                                        </button>
                                                        <button class="btn btn-sm btn-submit" type="button">
                                                            <h5>确认</h5>
                                                        </button>
                                                    </div>
                                                </form>
                                            </div>
                                            <!-- <hr class="split-line-dotted"> -->
                                        </li>
                                        <li class="comment-item">
                                            <div class="comment-header">
                                                <a href="#">
                                                    <!-- <div class="comment-avatar">
                                                        <img class="img-responsive" src="../images/contents/avatar.jpg">
                                                    </div> -->
                                                    <h5 class="comment-author">cherry的风车</h5>
                                                </a>
                                                <p class="comment-time">2014-11-12</p>
                                                <button class="btn btn-link pull-right btn-reply">回复</button>
                                            </div>
                                            <p class="comment-content">
                                                悬吊的设计想法很好，但是卧室采光是必不可少的，开口位置完全可以反过来，然后在新的开口位置加上一扇玻璃门，配上帘子，作者之所以这么设计，完全是妥协了错层方向的原因吧
                                            </p>
                                            <div class="comment-reply-poster">
                                                <form action="#">
                                                    <div class="form-group">
                                                        <label class="lb-reply">回复 <span class="reply-name"></span>：</label>
                                                        <textarea class="form-control ta-comment-input" rows="3"></textarea>
                                                    </div>
                                                    <div class="action-group">
                                                        <button class="btn btn-sm btn-cancel" type="button">
                                                            <h5>取消</h5>
                                                        </button>
                                                        <button class="btn btn-sm btn-submit" type="button">
                                                            <h5>确认</h5>
                                                        </button>
                                                    </div>
                                                </form>
                                            </div>
                                            <!-- <hr class="split-line-dotted"> -->
                                        </li>
                                        <li class="comment-more-item">
                                            <button class="btn btn-block btn-more-comment" type="button">显示更多评论 <i class="fa fa-angle-double-down"></i></button>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <!--评论结束-->
                        </div>
                    </div>
                </div>
                <!-- 折叠列表 结束 -->
            </div>
        </div>
    </div>


     <div class="ic-meitu-detail-bottom hidden-xs hidden-sm ic-meitu-detail " id="ic-meitu-detail2">
        <div class="container">
            <div class="row">
                <div class="col-xs-12">
                    <h4 class="text-center">获取灵感包，拥有适合您新家的灵感美图、优质家品，更有专业设计师为您推荐</h4>
                </div>
                <div class="col-xs-2 form-group">
                    <input class="form-control" type="text" placeholder="您的称呼"></input>
                </div>
                <div class="col-xs-2 form-group">
                    <input class="form-control" type="telephone" placeholder="手机号码"></input>
                </div>
                <div class="col-xs-2 form-group">
                    <div class="ic-fake-select">
                        <button class="btn btn-default btn-block dropdown-toggle" type="button" id="ic-sheji-index-match-sel-1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
                            <span class="search-bar-channel-text ic-fake-select-placeholder">房屋需求</span>
                            <span class="search-bar-channel-text ic-fake-select-value-display"></span>
                        </button>
                        <ul class="dropdown-menu drop-top" aria-labelledby="ic-sheji-index-match-sel-1">
                            <li><a href="#">毛坯房</a></li>
                            <li><a href="#">精装房</a></li>
                            <li><a href="#">局部改造</a></li>
                            <li><a href="#">现房翻新</a></li>
                        </ul>
                        <input class="ic-fake-select-value" type="hidden"></input>
                    </div>
                </div>
                <div class="col-xs-2 form-group">
                    <div class="ic-fake-select">
                        <button class="btn btn-default btn-block dropdown-toggle" type="button" id="ic-sheji-index-match-sel-2" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
                            <span class="search-bar-channel-text ic-fake-select-placeholder">期望风格</span>
                            <span class="search-bar-channel-text ic-fake-select-value-display"></span>
                        </button>
                        <ul class="dropdown-menu drop-top" aria-labelledby="ic-sheji-index-match-sel-2">
                            <li><a href="#">现代简约</a></li>
                            <li><a href="#">清新田园</a></li>
                            <li><a href="#">新中式</a></li>
                            <li><a href="#">地中海</a></li>
                            <li><a href="#">工业风</a></li>
                            <li><a href="#">欧式</a></li>
                            <li><a href="#">美式</a></li>
                            <li><a href="#">乡村</a></li>
                        </ul>
                        <input class="ic-fake-select-value" type="hidden"></input>
                    </div>
                </div>
                <div class="col-xs-1 form-group">
                    <div class="ic-fake-select">
                        <button class="btn btn-default btn-block dropdown-toggle" type="button" id="ic-sheji-index-match-sel-2" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
                            <span class="search-bar-channel-text ic-fake-select-placeholder">省/市</span>
                            <span class="search-bar-channel-text ic-fake-select-value-display"></span>
                        </button>
                        <ul class="dropdown-menu drop-top" aria-labelledby="ic-sheji-index-match-sel-2">
                            <li><a href="#">北京</a></li>
                            <li><a href="#">天津</a></li>
                            <li><a href="#">上海</a></li>
                            <li><a href="#">重庆</a></li>
                        </ul>
                        <input class="ic-fake-select-value" type="hidden"></input>
                    </div>
                </div>
                <div class="col-xs-1 form-group">
                    <div class="ic-fake-select">
                        <button class="btn btn-default btn-block dropdown-toggle" type="button" id="ic-sheji-index-match-sel-2" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
                            <span class="search-bar-channel-text ic-fake-select-placeholder">市/地区</span>
                            <span class="search-bar-channel-text ic-fake-select-value-display"></span>
                        </button>
                        <ul class="dropdown-menu drop-top" aria-labelledby="ic-sheji-index-match-sel-2">
                            <li><a href="#">朝阳区</a></li>
                            <li><a href="#">海淀区</a></li>
                            <li><a href="#">东城区</a></li>
                            <li><a href="#">西城区</a></li>
                        </ul>
                        <input class="ic-fake-select-value" type="hidden"></input>
                    </div>
                </div>
                <div class="col-xs-2">
                    <button class="btn btn-cyan">
                        <h4>免费获取您的家居灵感包</h4>
                    </button>
                </div>
            </div>
        </div>
        <button class="btn-close"></button>
    </div>
    <!-- 主体部分 结束 -->
   <!-- @@@ 分享弹框 -->
    <div class="sharecapacity">
         
         <p class="sharecapacity-spanFX">分享到</p>
         <div class="sharecapacity-Div">
            <a href="#">
            </a>
            <a href="#">
            </a>
            <a href="#">
            </a>
            <a href="#">
            </a>
            </div>
        <div class="sharecapacitydelete">
            <i class="fa fa-times" aria-hidden="true"></i>
        </div>
    </div>
     <!-- @@@ 请先登陆弹框  -->
    <div class="landin">
        <h1>
            提问/评价/收藏 需要先登陆哦
        </h1>
        <form class=" ic-login-form">
            <div class="form-group">
                <input id="loginFormInputAccount" name="account" type="text" class="form-control" placeholder="用户名/邮箱/手机" />
                <span id="helpInputAccount" class="hide help-block help-error"><span class="fa-stack"><i class="fa fa-circle fa-lg fa-stack-1x"></i><i class="fa fa-exclamation fa-stack-1x fa-inverse"></i></span>请输入用户名/邮箱/手机</span>
            </div>

            <div class="form-group">
                <input id="loginFormInputPassword" name="password" type="password" class="form-control" placeholder="密码" />
            </div>

            <div class="form-group">
                <a class="link-reset-password" href="ic-forget-password.html">忘记密码？</a>
                <label class="checkbox-label">
                    <input id="loginFormRemember" name="remember" type="checkbox" />自动登录
                </label>
            </div>

            <button class="btn btn-block btn-submit">立即登录</button>

            <p>轻松<a href="#">注册</a>，加入iColor</p>
            <p><a href="#">设计师注册通道</a></p>
        </form>
        <div class="landindelate">
            <i class="fa fa-times" aria-hidden="true"></i>
        </div>
    </div>

    <script type="text/javascript" src="../vendors/jquery/jquery.min.js"></script>
    <script type="text/javascript" src="../vendors/bootstrap/js/bootstrap.min.js"></script>
    <script type="text/javascript" src="../vendors/jquery.scrollbar/jquery.scrollbar.min.js"></script>
    <script type="text/javascript" src="../js/app.js"></script>
</body>
</html>